<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>地图</title>
    <style>
        * {
            color: white;
        }
    </style>
    <script type="text/javascript" src="../static/js/echarts.min.js"></script>
    <script type="text/javascript" src="../static/js/china.js"></script>

</head>
<body
    style="background-image: url('../static/bgimg.png'); background-size: 100% 100%; background-repeat:no-repeat;background-position:center;background-attachment:fixed;">
    <h1 style="text-align: center;">智能科学与技术岗位全国分布情况</h1>
    <div id="b8f533abe3f44b2db74c4555d2efd8e1" class="chart-container"
        style="width:80%; height:600px; margin-left: 10%;"></div>
    <div style="margin-top: 30px;margin-bottom: 30px;position: fixed;bottom: 20px;left: 20px;">
        <a href="/index" style="margin-left:30px; font-size:20px;text-decoration:none;"><首页</a>
    </div>
    <script>
        var chart_b8f533abe3f44b2db74c4555d2efd8e1 = echarts.init(
            document.getElementById('b8f533abe3f44b2db74c4555d2efd8e1'), 'white', { renderer: 'canvas' });
        var option_b8f533abe3f44b2db74c4555d2efd8e1 = {
            "animation": true,
            "animationThreshold": 2000,
            "animationDuration": 1000,
            "animationEasing": "cubicOut",
            "animationDelay": 0,
            "animationDurationUpdate": 300,
            "animationEasingUpdate": "cubicOut",
            "animationDelayUpdate": 0,
            "aria": {
                "enabled": false
            },
            "color": [
                "#5470c6",
                "#91cc75",
                "#fac858",
                "#ee6666",
                "#73c0de",
                "#3ba272",
                "#fc8452",
                "#9a60b4",
                "#ea7ccc"
            ],
            "series": [
                {
                    "type": "map",
                    "label": {
                        "show": true,
                        "margin": 8
                    },
                    "map": "china",
                    "data": [
                        {
                            "name": "\u5317\u4eac\u5e02",
                            "value": 410
                        },
                        {
                            "name": "\u5929\u6d25\u5e02",
                            "value": 170
                        },
                        {
                            "name": "\u6cb3\u5317\u7701",
                            "value": 187
                        },
                        {
                            "name": "\u5c71\u897f\u7701",
                            "value": 125
                        },
                        {
                            "name": "\u5185\u8499\u53e4\u81ea\u6cbb\u533a",
                            "value": 99
                        },
                        {
                            "name": "\u8fbd\u5b81\u7701",
                            "value": 198
                        },
                        {
                            "name": "\u5409\u6797\u7701",
                            "value": 112
                        },
                        {
                            "name": "\u9ed1\u9f99\u6c5f\u7701",
                            "value": 103
                        },
                        {
                            "name": "\u4e0a\u6d77\u5e02",
                            "value": 298
                        },
                        {
                            "name": "\u6c5f\u82cf\u7701",
                            "value": 324
                        },
                        {
                            "name": "\u6d59\u6c5f\u7701",
                            "value": 247
                        },
                        {
                            "name": "\u5b89\u5fbd\u7701",
                            "value": 191
                        },
                        {
                            "name": "\u798f\u5efa\u7701",
                            "value": 182
                        },
                        {
                            "name": "\u6c5f\u897f\u7701",
                            "value": 108
                        },
                        {
                            "name": "\u5c71\u4e1c\u7701",
                            "value": 280
                        },
                        {
                            "name": "\u6cb3\u5357\u7701",
                            "value": 192
                        },
                        {
                            "name": "\u6e56\u5317\u7701",
                            "value": 215
                        },
                        {
                            "name": "\u6e56\u5357\u7701",
                            "value": 168
                        },
                        {
                            "name": "\u5e7f\u4e1c\u7701",
                            "value": 414
                        },
                        {
                            "name": "\u5e7f\u897f\u58ee\u65cf\u81ea\u6cbb\u533a",
                            "value": 94
                        },
                        {
                            "name": "\u6d77\u5357\u7701",
                            "value": 84
                        },
                        {
                            "name": "\u91cd\u5e86\u5e02",
                            "value": 145
                        },
                        {
                            "name": "\u56db\u5ddd\u7701",
                            "value": 270
                        },
                        {
                            "name": "\u8d35\u5dde\u7701",
                            "value": 97
                        },
                        {
                            "name": "\u4e91\u5357\u7701",
                            "value": 91
                        },
                        {
                            "name": "\u897f\u85cf\u81ea\u6cbb\u533a",
                            "value": 32
                        },
                        {
                            "name": "\u9655\u897f\u7701",
                            "value": 225
                        },
                        {
                            "name": "\u7518\u8083\u7701",
                            "value": 90
                        },
                        {
                            "name": "\u9752\u6d77\u7701",
                            "value": 48
                        },
                        {
                            "name": "\u5b81\u590f\u56de\u65cf\u81ea\u6cbb\u533a",
                            "value": 71
                        },
                        {
                            "name": "\u65b0\u7586\u7ef4\u543e\u5c14\u81ea\u6cbb\u533a",
                            "value": 88
                        }
                    ],
                    "roam": true,
                    "aspectScale": 0.75,
                    "nameProperty": "name",
                    "selectedMode": false,
                    "zoom": 1,
                    "mapValueCalculation": "sum",
                    "showLegendSymbol": true,
                    "itemStyle": {
                        "color": "#A60B63",
                        "borderColor": "#FFFF22"
                    },
                    "emphasis": {}
                }
            ],
            "legend": [
                {
                    "data": [
                        ""
                    ],
                    "selected": {
                        "": true
                    },
                    "show": true,
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 25,
                    "itemHeight": 14,
                    "backgroundColor": "transparent",
                    "borderColor": "#ccc",
                    "borderWidth": 1,
                    "borderRadius": 0,
                    "pageButtonItemGap": 5,
                    "pageButtonPosition": "end",
                    "pageFormatter": "{current}/{total}",
                    "pageIconColor": "#2f4554",
                    "pageIconInactiveColor": "#aaa",
                    "pageIconSize": 15,
                    "animationDurationUpdate": 800,
                    "selector": false,
                    "selectorPosition": "auto",
                    "selectorItemGap": 7,
                    "selectorButtonGap": 10,
                    textStyle: {
                        color: "#fff"
                    }
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "enterable": false,
                "confine": false,
                "appendToBody": false,
                "transitionDuration": 0.4,
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5,
                "order": "seriesAsc"
            },
            "title": [
                {
                    "show": true,
                    "target": "blank",
                    "subtarget": "blank",
                    "padding": 5,
                    "itemGap": 10,
                    "textAlign": "auto",
                    "textVerticalAlign": "auto",
                    "triggerEvent": false
                }
            ],
            "visualMap": {
                "show": true,
                "type": "piecewise",
                "min": 0,
                "max": 414,
                "inRange": {
                    "color": [
                        "#50a3ba",
                        "#eac763",
                        "#d94e5d"
                    ]
                },
                "calculable": true,
                "inverse": false,
                "splitNumber": 8,
                "hoverLink": true,
                "orient": "vertical",
                "padding": 5,
                "showLabel": true,
                "itemWidth": 20,
                "itemHeight": 14,
                "borderWidth": 0,
                textStyle: {
                    color: "#fff"
                }
            }
        };
        chart_b8f533abe3f44b2db74c4555d2efd8e1.setOption(option_b8f533abe3f44b2db74c4555d2efd8e1);
        window.addEventListener('resize', function () {
            chart_b8f533abe3f44b2db74c4555d2efd8e1.resize();
        })
    </script>
</body>

</html>